<script setup lang="ts">
import {onMounted} from "vue";
// 定义一个对象
const perobj={
  name:"liming",
  age:18
}
// 对对象进行解构赋值
const {name,age}:{name:string,age:number}=perobj;
// 定义一个函数，注意这个函数参数的正确写法，这个与javascript不一样
/*
* 一开始，是一个对象{name,age}，是形参，与上面的解构赋值的参数对应
* :{name:string,age:number}，这个是约定好这两个参数的类型*
* */
const fn=({name,age}:{name:string,age:number})=>{
  console.log(name);
  console.log(age);
}
// 函数就可以使用解构后的数据做实参了
onMounted(()=>fn({name,age}))
</script>

<template>
  <div class="study">
    <div>study模块</div>
  </div>
</template>

<style scoped>
.study {
  background: #ffb302;
  width: 100px;
  height: 50%;
  margin: 5px;
}


</style>